<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2020/12/3
  Time: 14:08
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <!--=== Favicon ===-->
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/pages/Floda/assets/img/favicon.ico" type="image/x-icon" />

    <!-- Google fonts include -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900%7CYesteryear" rel="stylesheet">

    <!-- All Vendor & plugins CSS include -->
    <link href="${pageContext.request.contextPath}/pages/Floda/assets/css/vendor.css" rel="stylesheet">
    <!-- Main Style CSS -->
    <link href="${pageContext.request.contextPath}/pages/Floda/assets/css/style.css" rel="stylesheet">

</head>

<body>

<!-- Start Header Area -->
<header class="header-area">
    <!-- main header start -->
    <div class="main-header d-none d-lg-block">
        <!-- header top start -->
        <div class="header-top bdr-bottom">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="welcome-message">
                            <p>欢迎 ${sessionScope.user.name} 来到花城世界</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- header middle area start -->
        <div class="header-main-area sticky">
            <div class="container">
                <div class="row align-items-center position-relative">

                    <!-- start logo area -->
                    <div class="col-lg-3">
                        <div class="logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/logo/logo.png" alt="">
                            </a>
                        </div>
                    </div>
                    <!-- start logo area -->

                    <!-- 主菜单 -->
                    <div class="col-lg-6 position-static">
                        <div class="main-menu-area">
                            <div class="main-menu">
                                <!-- main menu navbar start -->
                                <nav class="desktop-menu">
                                    <ul>
                                        <li style="margin-left: 230px"><a href="${pageContext.request.contextPath}/index.jsp">首页</a></li>
                                        <li style="margin-right: 230px"><a href="${pageContext.request.contextPath}/flowerServlet?action=pre_list_shop">商品</a></li>
                                    </ul>
                                </nav>
                                <!-- main menu navbar end -->
                            </div>
                        </div>
                    </div>
                    <!-- main menu area end -->

                    <!-- mini cart area start -->
                    <div class="col-lg-3">
                        <div class="header-configure-wrapper">
                            <div class="header-configure-area">
                                <ul class="nav justify-content-end">
                                    <li>
                                        <a href="#" class="offcanvas-btn">
                                            <i class="lnr lnr-magnifier"></i>
                                        </a>
                                    </li>
                                    <li class="user-hover">
                                        <a href="#">
                                            <i class="lnr lnr-user"></i>
                                        </a>
                                        <ul class="dropdown-list">
                                            <c:if test="${empty sessionScope.user}">
                                                <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp">登录</a></li>
                                                <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp">注册</a></li>
                                            </c:if>
                                            <c:if test="${not empty sessionScope.user}">
                                                <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp">个人信息</a></li>
                                                <li><a href="${pageContext.request.contextPath}/pages/Floda/login.jsp" id="logout">退出</a></li>
                                            </c:if>

                                        </ul>
                                    </li>
                                    <li>
                                        <a href="#" class="minicart-btn">
                                            <i class="lnr lnr-cart"></i>
                                            <div class="notification">${sessionScope.cart.totalCount}</div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- mini cart area end -->

                </div>
            </div>
        </div>
        <!-- header middle area end -->
    </div>
    <!-- main header start -->

    <!-- mobile header start -->
    <div class="mobile-header d-lg-none d-md-block sticky">
        <!--移动标题 顶部固定 -->
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <div class="mobile-main-header">
                        <div class="mobile-logo">
                            <a href="index.html">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/logo/logo.png" alt="Brand Logo">
                            </a>
                        </div>
                        <div class="mobile-menu-toggler">
                            <div class="mini-cart-wrap">
                                <a href="#">
                                    <i class="lnr lnr-cart"></i>
                                </a>
                            </div>
                            <div class="mobile-menu-btn">
                                <div class="off-canvas-btn">
                                    <i class="lnr lnr-menu"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile header top start -->
    </div>
    <!-- mobile header end -->
</header>
<!-- end Header Area -->

<!-- off-canvas menu start -->
<aside class="off-canvas-wrapper">
    <div class="off-canvas-overlay"></div>
    <div class="off-canvas-inner-content">
        <div class="btn-close-off-canvas">
            <i class="lnr lnr-cross"></i>
        </div>

        <div class="off-canvas-inner">
            <!-- 搜索 -->
            <div class="search-box-offcanvas">
                <form>
                    <input type="text" placeholder="请输入搜索物品名称...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i></button>
                </form>
            </div>
            <!-- search box end -->

            <!-- mobile menu start -->
            <div class="mobile-navigation">

                <!-- mobile menu navigation start -->
                <nav>
                    <ul class="mobile-menu">
                        <li><a href="${pageContext.request.contextPath}/pages/index.jsp">首页</a></li>
                        <li><a href="${pageContext.request.contextPath}/flowerServlet?action=pre_list_shop">商品</a></li>
                    </ul>
                </nav>
                <!-- mobile menu navigation end -->
            </div>
            <!-- mobile menu end -->



        </div>
    </div>
</aside>
<!-- off-canvas menu end -->



<!-- main wrapper start -->
<main>
    <!-- breadcrumb area start -->
    <div class="breadcrumb-area common-bg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-wrap">
                        <nav aria-label="breadcrumb">
                            <h1>商品详情</h1>
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html"><i class="fa fa-home"></i></a></li>
                                <li class="breadcrumb-item active" aria-current="page">商品详情</li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- breadcrumb area end -->

    <!-- page main wrapper start -->
    <div class="shop-main-wrapper section-space">
        <div class="container">
            <div class="row">
                <!-- product details wrapper start -->
                <div class="col-lg-12 order-1 order-lg-2">
                    <!-- product details inner end -->
                    <div class="product-details-inner">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="product-large-slider">
                                    <div class="pro-large-img img-zoom">
<%--                                        商品详情 的图片展示  --%>
                                        <img src="${pageContext.request.contextPath}/${requestScope.flower_details.img_path}" alt="product-details" />
                                    </div>
<%--                                    <div class="pro-large-img img-zoom">--%>
<%--                                        <img src="assets/img/product/product-details-img2.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-large-img img-zoom">--%>
<%--                                        <img src="assets/img/product/product-details-img3.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-large-img img-zoom">--%>
<%--                                        <img src="assets/img/product/product-details-img4.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-large-img img-zoom">--%>
<%--                                        <img src="assets/img/product/product-details-img5.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
                                </div>
<%--                                <div class="pro-nav slick-row-10 slick-arrow-style">--%>
<%--                                    <div class="pro-nav-thumb">--%>
<%--                                        <img src="assets/img/product/product-details-img1.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-nav-thumb">--%>
<%--                                        <img src="assets/img/product/product-details-img2.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-nav-thumb">--%>
<%--                                        <img src="assets/img/product/product-details-img3.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-nav-thumb">--%>
<%--                                        <img src="assets/img/product/product-details-img4.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                    <div class="pro-nav-thumb">--%>
<%--                                        <img src="assets/img/product/product-details-img5.jpg" alt="product-details" />--%>
<%--                                    </div>--%>
<%--                                </div>--%>
                            </div>
                            <div class="col-lg-7">
                                <form action="${pageContext.request.contextPath}/cartServlet" method="post">
                                    <input type="hidden" name="action" value="addItem">
                                    <input type="hidden" name="id" value="${requestScope.flower_details.id}">
                                    <div class="product-details-des">
                                    <h3 class="product-name" style="padding-top: 50px">${requestScope.flower_details.name}</h3>

                                    <div class="price-box" style="padding-top: 20px">
                                        <span class="price-regular" name="price" >￥${requestScope.flower_details.price}</span>
                                        <span class="price-old"><del>￥${requestScope.flower_details.price+15}</del></span>
                                    </div>
                                    <p class="pro-desc" style="padding-top: 20px">材料：${requestScope.flower_details.material}</p>
                                    <p class="pro-desc" style="padding-top: 20px">包装：${requestScope.flower_details.pack}</p>
                                    <p class="pro-desc" style="padding-top: 20px">花语：${requestScope.flower_details.slogan}</p>
                                    <div class="quantity-cart-box d-flex align-items-center">
<%--                                        <h5 style="padding-top: 20px"></h5>--%>
                                        <div class="quantity" style="padding-top: 20px">

<%--                                            <input  type="text" name="count" style="width: 40px">--%>
                                        </div>
                                        <div class="action_link" style="padding-top: 20px">
                                            <button style="margin-top: 20px" id="addToCart" flowerId="${requestScope.flower_details.id}" class="btn btn-cart2" >添加到购物车</button>
                                        </div>
                                    </div>
                                </div>
                                </form>

                            </div>
                        </div>
                    </div>
                    <!-- product details inner end -->

<%--                    <!-- product details reviews start -->--%>
<%--                    <div class="product-details-reviews section-space pb-0">--%>
<%--                        <div class="row">--%>
<%--                            <div class="col-lg-12">--%>
<%--                                <div class="product-review-info">--%>
<%--                                    <ul class="nav review-tab">--%>
<%--                                        <li>--%>
<%--                                            <a class="active" data-toggle="tab" href="#tab_one">description</a>--%>
<%--                                        </li>--%>
<%--                                        <li>--%>
<%--                                            <a data-toggle="tab" href="#tab_two">information</a>--%>
<%--                                        </li>--%>
<%--                                        <li>--%>
<%--                                            <a data-toggle="tab" href="#tab_three">reviews (1)</a>--%>
<%--                                        </li>--%>
<%--                                    </ul>--%>
<%--                                    <div class="tab-content reviews-tab">--%>
<%--                                        <div class="tab-pane fade show active" id="tab_one">--%>
<%--                                            <div class="tab-one">--%>
<%--                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam--%>
<%--                                                    fringilla augue nec est tristique auctor. Ipsum metus feugiat--%>
<%--                                                    sem, quis fermentum turpis eros eget velit. Donec ac tempus--%>
<%--                                                    ante. Fusce ultricies massa massa. Fusce aliquam, purus eget--%>
<%--                                                    sagittis vulputate, sapien libero hendrerit est, sed commodo--%>
<%--                                                    augue nisi non neque.Cras neque metus, consequat et blandit et,--%>
<%--                                                    luctus a nunc. Etiam gravida vehicula tellus, in imperdiet--%>
<%--                                                    ligula euismod eget. Pellentesque habitant morbi tristique--%>
<%--                                                    senectus et netus et malesuada fames ac turpis egestas. Nam--%>
<%--                                                    erat mi, rutrum at sollicitudin rhoncus</p>--%>
<%--                                            </div>--%>
<%--                                        </div>--%>
<%--                                        <div class="tab-pane fade" id="tab_two">--%>
<%--                                            <table class="table table-bordered">--%>
<%--                                                <tbody>--%>
<%--                                                <tr>--%>
<%--                                                    <td>color</td>--%>
<%--                                                    <td>black, blue, red</td>--%>
<%--                                                </tr>--%>
<%--                                                <tr>--%>
<%--                                                    <td>size</td>--%>
<%--                                                    <td>L, M, S</td>--%>
<%--                                                </tr>--%>
<%--                                                </tbody>--%>
<%--                                            </table>--%>
<%--                                        </div>--%>
<%--                                        <div class="tab-pane fade" id="tab_three">--%>
<%--                                            <form action="#" class="review-form">--%>
<%--                                                <h5>1 review for <span>Chaz Kangeroo</span></h5>--%>
<%--                                                <div class="total-reviews">--%>
<%--                                                    <div class="rev-avatar">--%>
<%--                                                        <img src="assets/img/about/avatar.jpg" alt="">--%>
<%--                                                    </div>--%>
<%--                                                    <div class="review-box">--%>
<%--                                                        <div class="ratings">--%>
<%--                                                            <span class="good"><i class="fa fa-star"></i></span>--%>
<%--                                                            <span class="good"><i class="fa fa-star"></i></span>--%>
<%--                                                            <span class="good"><i class="fa fa-star"></i></span>--%>
<%--                                                            <span class="good"><i class="fa fa-star"></i></span>--%>
<%--                                                            <span><i class="fa fa-star"></i></span>--%>
<%--                                                        </div>--%>
<%--                                                        <div class="post-author">--%>
<%--                                                            <p><span>admin -</span> 30 Mar, 2019</p>--%>
<%--                                                        </div>--%>
<%--                                                        <p>Aliquam fringilla euismod risus ac bibendum. Sed sit--%>
<%--                                                            amet sem varius ante feugiat lacinia. Nunc ipsum nulla,--%>
<%--                                                            vulputate ut venenatis vitae, malesuada ut mi. Quisque--%>
<%--                                                            iaculis, dui congue placerat pretium, augue erat--%>
<%--                                                            accumsan lacus</p>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="form-group row">--%>
<%--                                                    <div class="col">--%>
<%--                                                        <label class="col-form-label"><span class="text-danger">*</span>--%>
<%--                                                            Your Name</label>--%>
<%--                                                        <input type="text" class="form-control" required>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="form-group row">--%>
<%--                                                    <div class="col">--%>
<%--                                                        <label class="col-form-label"><span class="text-danger">*</span>--%>
<%--                                                            Your Email</label>--%>
<%--                                                        <input type="email" class="form-control" required>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="form-group row">--%>
<%--                                                    <div class="col">--%>
<%--                                                        <label class="col-form-label"><span class="text-danger">*</span>--%>
<%--                                                            Your Review</label>--%>
<%--                                                        <textarea class="form-control" required></textarea>--%>
<%--                                                        <div class="help-block pt-10"><span--%>
<%--                                                                class="text-danger">Note:</span>--%>
<%--                                                            HTML is not translated!--%>
<%--                                                        </div>--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="form-group row">--%>
<%--                                                    <div class="col">--%>
<%--                                                        <label class="col-form-label"><span class="text-danger">*</span>--%>
<%--                                                            Rating</label>--%>
<%--                                                        &nbsp;&nbsp;&nbsp; Bad&nbsp;--%>
<%--                                                        <input type="radio" value="1" name="rating">--%>
<%--                                                        &nbsp;--%>
<%--                                                        <input type="radio" value="2" name="rating">--%>
<%--                                                        &nbsp;--%>
<%--                                                        <input type="radio" value="3" name="rating">--%>
<%--                                                        &nbsp;--%>
<%--                                                        <input type="radio" value="4" name="rating">--%>
<%--                                                        &nbsp;--%>
<%--                                                        <input type="radio" value="5" name="rating" checked>--%>
<%--                                                        &nbsp;Good--%>
<%--                                                    </div>--%>
<%--                                                </div>--%>
<%--                                                <div class="buttons">--%>
<%--                                                    <button class="sqr-btn" type="submit">Continue</button>--%>
<%--                                                </div>--%>
<%--                                            </form> <!-- end of review-form -->--%>
<%--                                        </div>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <!-- product details reviews end -->--%>
                </div>
                <!-- product details wrapper end -->
            </div>
        </div>
    </div>
    <!-- page main wrapper end -->

<%--    <!-- related product area start -->--%>
<%--    <section class="related-products">--%>
<%--        <div class="container">--%>
<%--            <div class="row">--%>
<%--                <div class="col-12">--%>
<%--                    <div class="section-title text-center">--%>
<%--                        <h2>Related Products</h2>--%>
<%--                        <p>Accumsan vitae pede lacus ut ullamcorper sollicitudin quisque libero</p>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            <div class="row">--%>
<%--                <div class="col-lg-12">--%>
<%--                    <div class="product-carousel--4 slick-row-15 slick-sm-row-10 slick-arrow-style">--%>
<%--                        <!-- product single item start -->--%>
<%--                        <div class="product-item">--%>
<%--                            <figure class="product-thumb">--%>
<%--                                <a href="product-details.html">--%>
<%--                                    <img class="pri-img" src="assets/img/product/product-5.jpg" alt="product">--%>
<%--                                </a>--%>
<%--                                <div class="product-badge">--%>
<%--                                    <div class="product-label new">--%>
<%--                                        <span>new</span>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                                <div class="button-group">--%>
<%--                                    <a style="padding-top: 10px" href="#" data-toggle="tooltip" data-placement="left" title="Add to Cart"><i class="lnr lnr-cart"></i></a>--%>
<%--                                </div>--%>
<%--                            </figure>--%>
<%--                            <div class="product-caption">--%>
<%--                                <p class="product-name">--%>
<%--                                    <a href="product-details.html">Blossom bouquet flower</a>--%>
<%--                                </p>--%>
<%--                                <div class="price-box">--%>
<%--                                    <span class="price-regular">$50.00</span>--%>
<%--                                    <span class="price-old"><del>$80.00</del></span>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <!-- product single item end -->--%>

<%--                    </div>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </section>--%>
<%--    <!-- related product area end -->--%>
</main>
<!-- main wrapper end -->

<!-- Start Footer Area Wrapper -->
<footer class="footer-wrapper">

    <!-- footer widget area start -->
    <div class="footer-widget-area">
        <div class="container">
            <div class="footer-widget-inner section-space">
                <div class="row mbn-30">
                    <!-- footer widget item start -->
                    <div class="col-lg-5 col-md-6 col-sm-8">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>My account</h5>
                            </div>
                            <ul class="footer-widget-body accout-widget">
                                <li class="address">
                                    <em><i class="lnr lnr-map-marker"></i></em>
                                    184 Main Rd E, St Albans VIC 3021, Australia
                                </li>
                                <li class="email">
                                    <em><i class="lnr lnr-envelope"></i>Mail us: </em>
                                    <a href="mailto:test@yourdomain.com">yourmail@gmail.com</a>
                                </li>
                                <li class="phone">
                                    <em><i class="lnr lnr-phone-handset"></i> Phones: </em>
                                    <a href="tel:(012)800456789-987">(012) 800 456 789-987</a>
                                </li>
                            </ul>
                            <div class="payment-method">
                                <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/payment-pic.png" alt="payment method">
                            </div>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 col-md-6 col-sm-4">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>categories</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">Ecommerce</a></li>
                                <li><a href="#">shopify</a></li>
                                <li><a href="#">Prestashop</a></li>
                                <li><a href="#">Opencart</a></li>
                                <li><a href="#">Magento</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>information</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Contact Us</a></li>
                                <li><a href="#">Exchanges</a></li>
                                <li><a href="#">Shipping</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->

                    <!-- footer widget item start -->
                    <div class="col-lg-2 offset-lg-1 col-md-6 col-sm-6">
                        <div class="footer-widget-item mb-30">
                            <div class="footer-widget-title">
                                <h5>Quick Links</h5>
                            </div>
                            <ul class="footer-widget-body">
                                <li><a href="#">Store Location</a></li>
                                <li><a href="#">My Account</a></li>
                                <li><a href="#">Orders Tracking</a></li>
                                <li><a href="#">Size Guide</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- footer widget item end -->
                </div>
            </div>
        </div>
    </div>
    <!-- footer widget area end -->



</footer>
<!-- End Footer Area Wrapper -->

<!-- Quick view modal start -->
<div class="modal" id="quick_view">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
<%--            <div class="modal-body">--%>
<%--                <!-- product details inner end -->--%>
<%--                <div class="product-details-inner">--%>
<%--                    <div class="row">--%>
<%--                        <div class="col-lg-5 col-md-5">--%>
<%--                            <div class="product-large-slider">--%>
<%--                                <div class="pro-large-img">--%>
<%--                                    <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/product/product-details-img1.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-large-img">--%>
<%--                                    <img src="${pageContext.request.contextPath}/pages/Floda/assets/img/product/product-details-img2.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-large-img">--%>
<%--                                    <img src="assets/img/product/product-details-img3.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-large-img">--%>
<%--                                    <img src="assets/img/product/product-details-img4.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                            <div class="pro-nav slick-row-10 slick-arrow-style">--%>
<%--                                <div class="pro-nav-thumb">--%>
<%--                                    <img src="assets/img/product/product-details-img1.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-nav-thumb">--%>
<%--                                    <img src="assets/img/product/product-details-img2.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-nav-thumb">--%>
<%--                                    <img src="assets/img/product/product-details-img3.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                                <div class="pro-nav-thumb">--%>
<%--                                    <img src="assets/img/product/product-details-img4.jpg" alt="product-details" />--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                        <div class="col-lg-7 col-md-7">--%>
<%--                            <div class="product-details-des quick-details">--%>
<%--                                <h3 class="product-name">Orchid flower white stick</h3>--%>
<%--                                <div class="ratings d-flex">--%>
<%--                                    <span><i class="lnr lnr-star"></i></span>--%>
<%--                                    <span><i class="lnr lnr-star"></i></span>--%>
<%--                                    <span><i class="lnr lnr-star"></i></span>--%>
<%--                                    <span><i class="lnr lnr-star"></i></span>--%>
<%--                                    <span><i class="lnr lnr-star"></i></span>--%>
<%--                                    <div class="pro-review">--%>
<%--                                        <span>1 Reviews</span>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                                <div class="price-box">--%>
<%--                                    <span class="price-regular">$70.00</span>--%>
<%--                                    <span class="price-old"><del>$90.00</del></span>--%>
<%--                                </div>--%>
<%--                                <h5 class="offer-text"><strong>Hurry up</strong>! offer ends in:</h5>--%>
<%--                                <div class="product-countdown" data-countdown="2019/08/25"></div>--%>
<%--                                <div class="availability">--%>
<%--                                    <i class="fa fa-check-circle"></i>--%>
<%--                                    <span>200 in stock</span>--%>
<%--                                </div>--%>
<%--                                <p class="pro-desc">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy--%>
<%--                                    eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>--%>
<%--                                <div class="quantity-cart-box d-flex align-items-center">--%>
<%--                                    <h5>qty:</h5>--%>
<%--                                    <div class="quantity">--%>
<%--                                        <div class="pro-qty"><input type="text" value="1"></div>--%>
<%--                                    </div>--%>
<%--                                    <div class="action_link">--%>
<%--                                        <a class="btn btn-cart2" href="#">Add to cart</a>--%>
<%--                                    </div>--%>
<%--                                </div>--%>
<%--                                <div class="useful-links">--%>
<%--                                    <a href="#" data-toggle="tooltip" title="Compare"><i--%>
<%--                                            class="lnr lnr-sync"></i>compare</a>--%>
<%--                                    <a href="#" data-toggle="tooltip" title="Wishlist"><i--%>
<%--                                            class="lnr lnr-heart"></i>wishlist</a>--%>
<%--                                </div>--%>
<%--                                <div class="like-icon">--%>
<%--                                    <a class="facebook" href="#"><i class="fa fa-facebook"></i>like</a>--%>
<%--                                    <a class="twitter" href="#"><i class="fa fa-twitter"></i>tweet</a>--%>
<%--                                    <a class="pinterest" href="#"><i class="fa fa-pinterest"></i>save</a>--%>
<%--                                    <a class="google" href="#"><i class="fa fa-google-plus"></i>share</a>--%>
<%--                                </div>--%>
<%--                            </div>--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                </div> <!-- product details inner end -->--%>
<%--            </div>--%>
        </div>
    </div>
</div>
<!-- Quick view modal end -->

<!-- offcanvas search form start -->
<div class="offcanvas-search-wrapper">
    <div class="offcanvas-search-inner">
        <div class="offcanvas-close">
            <i class="lnr lnr-cross"></i>
        </div>
        <div class="container">
            <div class="offcanvas-search-box">
                <form class="d-flex bdr-bottom w-100">
                    <input type="text" placeholder="Search entire storage here...">
                    <button class="search-btn"><i class="lnr lnr-magnifier"></i>search</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- offcanvas search form end -->

<%@include file="cart.jsp"%>

<!-- offcanvas mini cart start -->
<%--<div class="offcanvas-minicart-wrapper">--%>
<%--    <div class="minicart-inner">--%>
<%--        <div class="offcanvas-overlay"></div>--%>
<%--        <div class="minicart-inner-content">--%>
<%--            <div class="minicart-close">--%>
<%--                <i class="lnr lnr-cross"></i>--%>
<%--            </div>--%>
<%--&lt;%&ndash;            <c:if test="${empty sessionScope.cart.items}">&ndash;%&gt;--%>
<%--&lt;%&ndash;                &lt;%&ndash;购物车为空的输出&ndash;%&gt;&ndash;%&gt;--%>
<%--&lt;%&ndash;                <span id="cartTotalCount"> </span>&ndash;%&gt;--%>
<%--&lt;%&ndash;                <div>&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <span style="color: red" id="cartLastName">当前购物车为空</span>&ndash;%&gt;--%>
<%--&lt;%&ndash;                </div>&ndash;%&gt;--%>
<%--&lt;%&ndash;            </c:if>&ndash;%&gt;--%>
<%--&lt;%&ndash;            <c:if test="${not empty sessionScope.cart.items}">&ndash;%&gt;--%>
<%--&lt;%&ndash;                &lt;%&ndash;购物车非空的输出&ndash;%&gt;&ndash;%&gt;--%>
<%--&lt;%&ndash;                <span id="cartTotalCount">您的购物车中有 ${sessionScope.cart.totalCount} 件商品</span>&ndash;%&gt;--%>
<%--&lt;%&ndash;                <div>&ndash;%&gt;--%>
<%--&lt;%&ndash;                    您刚刚将<span style="color: red" id="cartLastName">${sessionScope.lastName}</span>加入到了购物车中&ndash;%&gt;--%>
<%--&lt;%&ndash;                </div>&ndash;%&gt;--%>
<%--&lt;%&ndash;            </c:if>&ndash;%&gt;--%>
<%--            <c:if test="${empty sessionScope.cart.items}">--%>
<%--                <span id="cartTotalCount"> </span>--%>
<%--                <div>--%>
<%--                    <span style="color: red" id="cartLastName">当前购物车为空</span>--%>
<%--                </div>--%>
<%--            </c:if>--%>
<%--            <c:if test="${not empty sessionScope.cart.items}">--%>
<%--            <div class="minicart-content-box">--%>
<%--                <div class="minicart-item-wrapper">--%>
<%--                    <ul>--%>
<%--                        <li class="minicart-item">--%>
<%--                            <div class="minicart-thumb">--%>
<%--                                <a href="product-details.html">--%>
<%--                                    <img src="${pageContext.request.contextPath}/${sessionScope.cart.img_path}" alt="product">--%>
<%--                                </a>--%>
<%--                            </div>--%>
<%--                            <div class="minicart-content">--%>
<%--                                <h3 class="product-name">--%>
<%--                                    <a href="product-details.html">${sessionScope.cart.name}</a>--%>
<%--                                </h3>--%>
<%--                                <p>--%>
<%--                                    <span class="cart-quantity">${sessionScope.cart.count}<strong>&times;</strong></span>--%>
<%--                                    <span class="cart-price">${sessionScope.cart.price}</span>--%>
<%--                                </p>--%>
<%--                            </div>--%>
<%--                            <button class="minicart-remove"><i class="lnr lnr-cross"></i></button>--%>
<%--                        </li>--%>
<%--                    </ul>--%>
<%--                </div>--%>

<%--                <div class="minicart-pricing-box">--%>
<%--                    <ul>--%>
<%--                        <li>--%>
<%--                            <span>数量</span>--%>
<%--                            <span><strong>${sessionScope.cart.totalCount}</strong></span>--%>
<%--                        </li>--%>
<%--                        <li class="total">--%>
<%--                            <span>共计</span>--%>
<%--                            <span><strong>￥${sessionScope.cart.totalPrice}</strong></span>--%>
<%--                        </li>--%>
<%--                    </ul>--%>
<%--                </div>--%>

<%--                <div class="minicart-button">--%>
<%--                    <a href="#"><i class="fa fa-shopping-cart"></i>结算</a>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--            </c:if>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>
<%--<!-- offcanvas mini cart end -->--%>
<!-- Scroll to top start -->
<div class="scroll-top not-visible">
    <i class="fa fa-angle-up"></i>
</div>
<!-- Scroll to Top End -->

<!-- All vendor & plugins & active js include here -->
<!--All Vendor Js -->
<script src="${pageContext.request.contextPath}/pages/Floda/assets/js/vendor.js"></script>
<!-- Active Js -->
<script src="${pageContext.request.contextPath}/pages/Floda/assets/js/active.js"></script>
</body>

</html>
